<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Insert title here</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="${ pageContext.request.contextPath }/login/bootstrap.min.css" />
<link rel="stylesheet" href="${ pageContext.request.contextPath }/login/css/camera.css" />
<link rel="stylesheet" href="${ pageContext.request.contextPath }/login/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="${ pageContext.request.contextPath }/login/matrix-login.css" />
<script src="${ pageContext.request.contextPath }/login/js/bootstrap.min.js"></script>
<script src="${ pageContext.request.contextPath }/resources/js/jquery-1.7.2.js"></script>
<script src="${ pageContext.request.contextPath }/login/js/jquery.easing.1.3.js"></script>
<script src="${ pageContext.request.contextPath }/login/js/jquery.mobile.customized.min.js"></script>
<script src="${ pageContext.request.contextPath }/login/js/camera.min.js"></script>
<script src="${ pageContext.request.contextPath }/login/js/templatemo_script.js"></script>
<script src="${ pageContext.request.contextPath }/login/js/ban.js"></script>
<style type="text/css">
      .cavs{
    	z-index:1;
    	position: fixed;
    	width:95%;
    	margin-left: 20px;
    	margin-right: 20px;
    }

    li{display: inline;}
	a{color: white;text-decoration:none}
	a:hover{color:#cd0200;text-decoration:underline}
	.aa{overflow: hidden !important; z-index: 100;  text-align: center;  position: relative; margin-top:0;font-size: 15px;}
	.div1{width:100%;height: 25px; background-color: rgba(0, 0, 0, 0.5);  position:relative; top:0; left:0;}
</style>
<script>
  		var timer;
		var current = 0;
		function xzfh(){
			current = (current)%360;
			document.body.style.transform = 'rotate('+current+'deg)';
			current ++;
			if(current>360){current = 0;}
		};
		var fhi = 1;
		var current2 = 1;
		function xzfh2(){
			if(fhi>50){
				document.body.style.transform = 'rotate(0deg)';
				clearInterval(timer);
				return;
			}
			current = (current2)%360;
			document.body.style.transform = 'rotate('+current+'deg)';
			current ++;
			if(current2 == 1){current2 = -1;}else{current2 = 1;}
			fhi++;
		};
</script>
</head>
<body>
<canvas class="cavs"></canvas>
   <div style="width:100%;text-align: center;margin: 0 auto;position: absolute;">
   		<div class="aa div1">
			<nav>
		    	<ul>
		    		<li><a href="${ pageContext.request.contextPath }/view/register.jsp">会员注册</a></li>
		    		<li><a href="${ pageContext.request.contextPath }/view/login.jsp">会员登录</a></li>
		    		<li><a href="${ pageContext.request.contextPath }/view/upload.jsp">上传照片</a></li>
		    		<li><a href="${ pageContext.request.contextPath }/view/choiceLookType.jsp" title="查看其他会员的信息">浏览会员</a></li>
		    		<li><a href="${ pageContext.request.contextPath }/view/inputModifyMess.jsp">修改注册信息</a></li>
		    		<li><a href="${ pageContext.request.contextPath }/view/modifyPassword.jsp">修改密码</a></li>
		    		<li><a href="${ pageContext.request.contextPath }/view/helpExitLogin.jsp">退出登录</a></li>
		    		<li><a href="${ pageContext.request.contextPath }/view/index.jsp">返回主页</a></li>
		    	</ul>
	    	</nav>
		</div>
		
   
</body>
</html>